/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#vdividermenu ul{
margin: 0px;
padding: 0px;
margin-bottom: 1em;
float: center;
font: verdana !imporant;
font-size: 16px;
line-height:20px;
width: 100%;
border: 0px solid #625e00;
background-color: #fffff;

}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#vdividermenu ul li{
display: inline;
}

#vdividermenu ul li a{
float: center;
color: maroon;
padding: 0px 10px;
text-decoration: none;
background: transparent url(Images/CSS Menu-14.gif) center right no-repeat;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color: black;
background-color: #ffe84f;
}


/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
#vdividermenu ul{
margin: 0px;
padding: 0px;
margin-bottom: 1em;
float: left;
font: verdana;
font-size: 14px;
color: maroon;
line-height:15px;
width: 100%;
border: 0px solid #625e00;
background-color: #fffff;}

}




/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
#vdividermenu ul{
margin: 0px;
padding: 0px;
margin-bottom: 1em;
float: left;
font: arial;
font-size: 12px;
line-height:10px;
width: 100%;
border: 0px solid #625e00;
background-color: #fffff;
line-height:25px;
}


}

@media only screen and (max-width: 768px) and (min-width: 481px){
#mybgcarousel-index{width:100%;
height:400px;}
div.selectedslide{ /* CSS for currently selected slide */}
div.slide div.desc{position: absolute;color: red;left: 10px;top: 300px;width:350px;padding: 5px;
font: bold 15px Arial;text-shadow: 1px 0px yellow;z-index:5;}
div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */}
div.slide div.desc h2{font-size:150%;margin:0;}
div.slide div.desc a{color:yellow;text-decoration:none;}
}

@media only screen and (max-width: 1024px) and (min-width: 769px){
#mybgcarousel-index{width:100%;
height:450px;}
div.selectedslide{ /* CSS for currently selected slide */}
div.slide div.desc{position: absolute;color: red;left: 10px;top: 400px;width:350px;padding: 5px;
font: bold 15px Arial;text-shadow: 1px 0px yellow;z-index:5;}
div.selectedslide div.desc{ /* CSS for currently selected slide's desc div */}
div.slide div.desc h2{font-size:150%;margin:0;}
div.slide div.desc a{color:yellow;text-decoration:none;}
}